<!DOCTYPE html>
<html>
   <head>
      <title>机器故障预测</title>
      <!-- 引入 Bootstrap -->
      <link href="bootstrap-5.1.3-dist/css/bootstrap.min.css" rel="stylesheet">

      <style>
          .hblock{
              margin: 10px 0 10px 0;
          }

          .allButton{
              display: flex;
              flex-direction: column ;

          }
      </style>
 
   </head>
   <body>
    <form>
        <div class="form-group">
            <label>typeId</label>
            <select name="s_name" class="form-control">
                <option value="1">L</option>
                <option value="2">M</option>
                <option value="3">H</option>
            </select></div><div class="form-group">
                <label>文本框</label> 
                <input type="text" class="form-control" name="t_name" placeholder=""> 
            </div>
    </form>
    
    <div class="allButton">
        <a href="#" class="btn btn-primary btn-lg hblock">随机生成一组数据</a>
        <a href="#" class="btn btn-danger"> 失败概率预测</a>
    </div>
    

    <p class="exp">{{d1}}</p>

 
    <script src="js/jquery.js"></script>
    <script src="js/vue.min.js"></script>
    <script src="bootstrap-5.1.3-dist/js/bootstrap.min.js"></script>

    <script>
        new Vue({
            el: '.exp',
            data: {
                d1:'123'
            }
        })       
    </script>
   </body>
</html>